<!-- banner -->
<div class="kb-banner">
    <img src="/images/1475x492.png" alt="1475x492">
    <div class="layui-carousel" id="banner">
        <div carousel-item>
            {#each banner as v,k}
            <div class="kb-banner-item">
                <a href="javascript:;" target="_blank">
                    <img src="{v.image}" alt="">
                </a>
            </div>
            {/each}
        </div>
    </div>
</div>

<div class="kb-body kb-bg-light-orange">
    <div class="layui-container ">

        <!-- 公司简介 -->
        <div class="kb-desc">
            {#each desc as v,k}
            <div class="kb-desc-item">
                <div class="kb-desc-img">
                    <img src="{v.image}" alt="370x207">
                </div>
                <div class="kb-desc-content">
                    <div class="kb-desc-text">
                        <h1>{v.title}</h1>
                        <p>{v.content}</p>
                    </div>
                    <div class="more">
                        <a href="javascript:;">MORE</a>
                    </div>
                </div>
            </div>
            {/each}
        </div>

        <!-- 公司特性 -->
        <div class="kb-special">
            <ul>
                {#each special as v,k}
                <li>
                    <a href="javascript:;">
                        <img src="{v.image}" alt="168x168">
                        <p>{v.title}</p>
                    </a>
                </li>
                {/each}
            </ul>
        </div>

        <!-- 产品中心 -->
        <div class="kb-goods">
            <h1>产品中心</h1>
            <ul class="kb-goods-list">
                {#each goods as v,k}
                <li>
                    <a href="javascript:;" class="{k>3?'layui-hide-xs':''}">
                        <div class="kb-goods-img">
                            <img src="{v.image}" alt="480x360">
                        </div>
                        <p>{v.title}</p>
                    </a>
                </li>
                {/each}
            </ul>
        </div>

        <!-- 最新资讯 -->
        <div class="kb-news">
            <h1>最新资讯</h1>
            <div class="kb-news-box">
                <div class="kb-news-item ">
                    <div class="kb-news-banner">
                        <img src="/images/458x345.png" alt="458x345">
                        <div class="layui-carousel" id="kb-news-banner">
                            <div carousel-item>
                                {#each news.banner as v,k}
                                <div>
                                    <a href="javascript:;">
                                        <img src="{v.image}" alt="458x345">
                                        <div>
                                            <span>{v.title}</span>
                                        </div>
                                    </a>
                                </div>
                                {/each}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="kb-news-item">
                    <ul class="kb-news-list">
                        {#each news.list as v,k}
                        <li>
                            <a href="javascript:;">
                                <div class="kb-news-list-img">
                                    <img src="{v.image}" alt="148x97">
                                </div>
                                <div class="kb-news-list-dec">
                                    <h1>{v.title}</h1>
                                    <span>{v.date}</span>
                                    <p>{v.content}</p>
                                </div>
                            </a>
                        </li>
                        {/each}
                    </ul>
                </div>
            </div>
        </div>

    </div>
</div>